<template>
  <div>
    <Row class="home-page-content" type="flex" align="middle">
      <BtnPlain class="com-action-btn" type="primary" @click="goBack">返回</BtnPlain>
      <h3>建设库详情</h3>
    </Row>
    <div class="home-page-content mt-20">
      <h3>项目名称</h3>
      <Divider />
      <Form>
        <h3>项目基本信息</h3>
        <Row :gutter="30" class="com-form-item">
          <Col span="8">
            <FormItem label="信息来源:">{{ info.infoSource }}</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="省份:">{{ info.province }}</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="城市:">{{ info.city }}</FormItem>
          </Col>
          <Col span="24">
            <FormItem label="项目地址:">{{ info.projectAddressName }}</FormItem>
          </Col>
          <Divider />

          <Col span="8">
            <FormItem label="业务类型:">工程建设xxx</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="项目类别:">市政工程xxx</FormItem>
          </Col>
          <Divider />
          <Col span="24">
            <h3>代理机构</h3>
          </Col>
          <Col span="8">
            <FormItem label="代理机构:">代理机构xxx</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="代理机构联系人:">联系人xxx</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="代理机构联系电话:">18888888xxx</FormItem>
          </Col>
          <Divider />

          <Col span="24">
            <h3>项目方</h3>
          </Col>
          <Col span="8">
            <FormItem label="业主方公司名称:">{{ info.ownerCompanyName }}</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="施工方公司名称:">{{ info.constructionName }}</FormItem>
          </Col>
          <Divider />

          <Col span="24">
            <h3>招标方</h3>
          </Col>
          <Col span="8">
            <FormItem label="招标方公司名称:">招标方公司名称xxx</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="招标方式:">招标方式xxx</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="招标方联系人:">招标方联系人xxx</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="招标方联系电话:">招标方联系电话xxx</FormItem>
          </Col>
          <Divider />

          <Col span="24">
            <h3>预计产值规模(万元)</h3>
          </Col>
          <Col span="24">
            <FormItem label="预计产值规模(万元):">{{ info.outputScale }}</FormItem>
          </Col>
          <Divider />

          <Col span="24">
            <h3>其他信息</h3>
          </Col>
          <Col span="24">
            <FormItem label="公告:">{{ info.projectRemark }}</FormItem>
          </Col>
          <Divider />
        </Row>
      </Form>
    </div>
  </div>
</template>

<script>
import { bigdataGetData } from '@/api/dataCapture.js'

export default {
  name: 'dataCaptureDetails',
  data () {
    return {
      info: {},
    }
  },
  created () {
    this.init()
  },
  methods: {
    async init () {
      const busiInfoId = this.$route.query.busiInfoId || ''
      this.info = await bigdataGetData({ busiInfoId })
    },
    goBack () {
      this.$router.replace({ path: '/dataCapture' })
    },
  }
}
</script>

<style lang='less' scoped>
.mt-20 {
  margin-top: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}
</style>
